﻿<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8">
<meta content="" name="description"> 
<meta content="" name="keywords"> 
<title>秘密</title>
<link href="css/global.css" rel="stylesheet">
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="js/jquery.js"></script>
<script src="js/common.js"></script>
</head>

<body>
<section class="wrapper">
<header class="header">
	<h1 class="logo"><a href="http://secret.my" title="秘密">Secret.my</a></h1>
	<nav class="nav">
		<a href="" class="first">首页</a><a href="">最热</a><a href="">最新</a><a href="">创建</a>
	</nav>
	<aside class="top-bar" style="display:none">
		<p><a href="">注册</a> | <a href="">登录</a></p>
		<form action="" method="post">
			
		</form>
	</aside>
</header>
<section class="content">
	<section class="slogan">
		<h1>创建一个秘密……</h1>
		<p>一个压在我心底许久许久的秘密</p>
	</section>
	<form class="mod-form" action="?" method="post">
		<p><label class="title">您的大名：</label><input class="txt" type="text" name="username"/></p>
		<p><label class="title">您的邮箱：</label><input class="txt" type="email" name="email"/></p>
		<p><label class="title">对方姓名：</label><input class="txt" type="text" name="tousername"/><span class="tips"><strong>龙翔</strong>，我需要告诉你一个秘密…</span></p>
		<p><label>设定流程：</label><input type="radio" name="step" value="0" id="step1" checked="checked"/><label for="step1">默认</label><input type="radio" name="step" value="1" id="step2"/><label for="step2">自定义</label><span class="tips">设一个流程，让他/她别那么容易知道这个秘密</span></p>
		<article class="mod-step" style="display:none;">
			<ol class="clearfix">
				<li><input class="txt" type="text" name="step1" value="1"/></li>
				<li><input class="txt" type="text" name="step2" value="2"/></li>
				<li><input class="txt" type="text" name="step3" value="3"/></li>
				<li><input class="txt" type="text" name="step4" value="4"/></li>
				<li><input class="txt" type="text" name="step5" value="5"/></li>
				<li><input class="txt" type="text" name="step6" value="6"/></li>
				<li><input class="txt" type="text" name="step7" value="7"/></li>
				<li><input class="txt" type="text" name="step8" value="8"/></li>
				<li><input class="txt" type="text" name="step9" value="9"/></li>
				<li><input class="txt" type="text" name="step10" value="10"/></li>
				<li><input class="txt" type="text" name="step11" value="11"/></li>
				<li><input class="txt" type="text" name="step12" value="12"/></li>
				<li><input class="txt" type="text" name="step13" value="13"/></li>
				<li><input class="txt" type="text" name="step14" value="14"/></li>
				<li><input class="txt" type="text" name="step15" disabled="disabled" value="秘密内容栏填写…"/></li>
			</ol>
		</article>
		<p><label class="title">秘密内容：</label><textarea class="txt" name="content" rows="4" cols="60"></textarea></p>
		<p><button>写好了并提交</button></p>
	</form>
</section>
<footer class="footer">
	<p class="links"><a href="#">关于</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="#">服务条款</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="#">意见反馈</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="#">联系我们</a></p>
	<p class="copyright">&copy; 2010 <span class="inc">secret<dfn>.my</dfn></span>&nbsp;&nbsp;-&nbsp;&nbsp;<span class="icp">京B2-20080037</span></p>
</footer>
</section>
</body> 
</html> 